<table cellspacing="1" cellpadding="4" border="0" style="clear: both;" class="tborder">
        <tbody>

            <tr>
                <td colspan="2" class="thead">
                    <div style="float: right;">
                        <span class="smalltext"><strong>Croissant | Décroissant</strong></span>
                    </div>
                    <div>
                        <strong><?php echo $topic->subject; ?></strong>
                    </div>
                </td>
            </tr>
        <tr>
            <td width="15%" valign="top" text-align="center" style="white-space: nowrap;" class="trow1">
                <strong>Your message :</strong>
                <br>
            </td>
            <td width="85%" valign="top" class="trow1">
                <?php echo $replyTopicForm ; ?>
            </td>
        </tr>
    </tbody>
</table>
<br />

<a href="#" id="previewPostID">Preview</a>
<div style="display: none">
    <div id="hidden"></div>
</div>

<script>
    /* Show the topic preview */
    $("#previewPostID").live('click', function() {
        $.ajax({
            url:"<?php echo __route('ml-forum/topics/reply');?>",
            type:"POST",
            data:'&message='+$('#message').val()+'&subject=<?php echo $topic->subject; ?>',
            success:function(result){
                $('#hidden').html(result);
            }
        });
    });
    $("#previewPostID").colorbox({width:"80%", height:"80%", inline:true, href:"#hidden"});
</script>